import { RouteRecordRaw, createRouter, createWebHistory } from 'vue-router';
const HomePage = import('@/pages/Home.vue');
const AboutPage = import('@/pages/About.vue');
export const routes: RouteRecordRaw[] = [
  {
    path: '/',
    name: 'home',
    component: () => HomePage,
  },
  {
    path: '/about',
    name: '关于',
    component: () => AboutPage,
  },
  {
    path: '/hello-world',
    name: 'HelloWorld',
    component: () => import('@/pages/HelloWorld.vue'),
  },
  {
    path: '/materials-solid',
    name: 'MaterialsSolid',
    component: () => import('@/pages/MaterialsSolid.vue'),
  },
  {
    path: '/color-explorer',
    name: 'ColorExplorer',
    component: () => import('@/pages/ColorExplorer.vue'),
  },
  {
    path: '/shadow',
    name: 'Shadow',
    component: () => import('@/pages/Shadow.vue'),
  },
  {
    path: '/light-basic',
    name: 'LightBasic',
    component: () => import('@/pages/LightBasic.vue'),
  },
  {
    path: '/transform',
    name: 'Transform',
    component: () => import('@/pages/Transform.vue'),
  },
  {
    path: '/base-world',
    name: 'BaseWorld',
    component: () => import('@/pages/BaseWorld.vue'),
  },
  {
    path: '/animate',
    name: 'Animate',
    component: () => import('@/pages/Animate.vue'),
  },
];
const rootRouter = createRouter({
  history: createWebHistory(),
  routes,
});
export default rootRouter;
